<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#div1{
				width: 500px;
				height: 200px;
				background: #000000;
				margin: 0 auto;
			}
			#div11{
				margin-left: 100px;
				margin-top: 50px;
			}
			span{
				display: inline-block;
				font-size: 72px;
				color: #fff;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			&nbsp;
			<div id="div11">
				<span>00:</span>
				<span>09:</span>
				<span>00</span>
			</div>
		</div>
		<script type="text/javascript">
			var oSpan=document.getElementsByTagName('SPAN');
			var s2=oSpan[2].innerHTML;
			var s1=oSpan[1].innerHTML;
			var m=60;
			var f=8;
			setInterval(show,1000);
			function show(){
				if(m>=1&&f>=1){
					m--;
					oSpan[2].innerHTML=m;
					oSpan[1].innerHTML='0'+''+f+':';
					if(m<10){
						oSpan[2].innerHTML=0+''+m;
					}
				}
				if(m==0){
					m=60;
					f--;
				}
			}
		</script>
	</body>
</html>
